﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Demo Page for maxgallery plugin</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/maxgallery.css" type="text/css" media="screen" />

    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="jquery.maxgallery.min.js"></script>

    <script>
        window.onload = function() {
            $(".demoGallery").maxgallery({ fullImage: '#demoFullImage', captionElement: "#caption" });
        }
    </script>

</head>
<body>
    <div class="demoGalleryContainer">
        <div id="demoFullImage">
            <img id="photo" style="display: none;" />
        </div>
        <div id="caption">
        </div>
        <div id="demoGallery" class="demoGallery">
            <ul style="list-style: none">
                
                <li><img alt="" src="gallery/family_01_resize.jpg" title="Test 1." /></li>
                <li><img alt="" src="gallery/family_02_resize.jpg" title="Test 2." /></li>
                <li><img alt="" src="gallery/friends_08_resize.jpg" title="Test 3." /></li>
				<li><img alt="" src="gallery/family_01_resize.jpg" title="Test 1." /></li>
                <li><img alt="" src="gallery/family_02_resize.jpg" title="Test 2." /></li>
                <li><img alt="" src="gallery/friends_08_resize.jpg" title="Test 3." /></li>
				<li><img alt="" src="gallery/family_01_resize.jpg" title="Test 1." /></li>
                <li><img alt="" src="gallery/family_02_resize.jpg" title="Test 2." /></li>
                <li><img alt="" src="gallery/friends_08_resize.jpg" title="Test 3." /></li>
				<li><img alt="" src="gallery/family_01_resize.jpg" title="Test 1." /></li>
                <li><img alt="" src="gallery/family_02_resize.jpg" title="Test 2." /></li>
                <li><img alt="" src="gallery/friends_08_resize.jpg" title="Test 3." /></li>
				<li><img alt="" src="gallery/family_01_resize.jpg" title="Test 1." /></li>
                <li><img alt="" src="gallery/family_02_resize.jpg" title="Test 2." /></li>
                <li><img alt="" src="gallery/friends_08_resize.jpg" title="Test 3." /></li>
				<li><img alt="" src="gallery/family_01_resize.jpg" title="Test 1." /></li>
                <li><img alt="" src="gallery/family_02_resize.jpg" title="Test 2." /></li>
                <li><img alt="" src="gallery/friends_08_resize.jpg" title="Test 3." /></li>
                
            </ul>
        </div>
    </div>
</body>
</html>
